<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>活动</title>

   <!--  <link rel="stylesheet"  href="/js/app/hotel/hotel/share/css/share.css"/>
    <script src="/js/app/hotel/hotel/share/js/jquery-2.1.1.min.js"></script>
    <script src="/js/app/hotel/hotel/share/js/share.js"></script> -->
    
    <script data-th-src="@{/js/app/hotel/hotel/share/js/rem.js}" ></script>
    <link rel="stylesheet"  data-th-href="@{/js/app/hotel/hotel/share/css/share.css}"/>
    <script data-th-src="@{/js/app/hotel/hotel/share/js/jquery-2.1.1.min.js}"></script>
    <script data-th-src="@{/js/app/hotel/hotel/share/js/share.js}"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript" charset="utf-8"></script>
    <script data-th-inline="javascript">
	var ctx = [[@{/}]];
	</script>
</head>
<body>
	<div class="warp shared">
		
        <!-- 分享优惠卷Id-->
        <p class='hidden' style='display:none' th:text="${coupon.couponId}"></p>
        <!-- 分享酒店名称-->
        <p class='hotel-name' style='display:none' th:text="${hotelName}"></p>
        <!-- 分享优惠卷价格-->
        <p class='money-num' style='display:none' th:text="${coupon.secondNumber}"></p>
        <!-- 分享按钮-->
        <button class="share-btn">分享给好友</button>
  	</div>
   <div class="showImg"></div>
</body>
<script type="text/javascript">
	$(function(){
		var test = window.location.href;
//		console.log(escape(test))	
		$.ajax({
			type:"get",
			url: ctx + "uhotel/rest/hotels/signature",
			//url:"http://172.16.25.179:8443/rest/hotels/signature",
			data:{url:escape(test)},
			success:function(res){
				if(res.success){			
					//console.log(res.data)
					wx.config({
					  //  debug: true,
					    appId: res.data.appid,
					    timestamp: res.data.timestamp,
					    nonceStr: res.data.nonceStr,
					    signature: res.data.signature,
					    jsApiList: [// 所有要调用的 API 都要加到这个列表中
					      'onMenuShareAppMessage',
					      'onMenuShareTimeline'
					    ]
					});
					wx.ready(function () {
						//显示右上角菜单
    					 wx.showOptionMenu(); 
						 // 在这里调用 API
					    wx.onMenuShareAppMessage({
					        title: $(".hotel-name").html()+'代金券，直减'+$(".money-num").html()+'元', // 分享标题
					        desc: '酒店折上折，会员价还可叠加使用优惠券，快来领优惠', // 分享描述
					        link: ctx + 'uhotel/couponshare/receiveIndex?coupon_id='+$(".hidden").html(), // 分享链接
					        imgUrl: ctx + 'uhotel/js/app/hotel/hotel/share/img/shareIcon.png', // 分享图标
					        //type: '', // 分享类型,music、video或link，不填默认为link
					        //dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
					        success: function () { 
					            // 用户确认分享后执行的回调函数
					           
					        },
					        cancel: function () { 
					            // 用户取消分享后执行的回调函数
					            
					        }
					    });
					    wx.onMenuShareTimeline({
					        title: $(".hotel-name").html()+'代金券，直减'+$(".money-num").html()+'元', // 分享标题
					        link: ctx + 'uhotel/couponshare/receiveIndex?coupon_id='+$(".hidden").html(), // 分享链接
					        imgUrl: ctx + 'uhotel/js/app/hotel/hotel/share/img/shareIcon.png', // 分享图标
					        success: function () { 
					            // 用户确认分享后执行的回调函数
					        },
					        cancel: function () { 
					            // 用户取消分享后执行的回调函数
					        }
					    });
					});
					 wx.error(function(res){
					     alert("微信接口初始化失败；错误信息："+res);
					});
					$(".share-btn").on("click",function(){
					    // 在这里调用 API
					   	$('.showImg').show();

					})
					
					
				}
			}
		});
		$(".showImg").on("click",function(){
			$(this).hide();
		})
	})
	

	
	
	
</script>
</html>